{extend name="base" /} {block name="js"}
<script src="__JS__/fans/fansChatMethods.js"></script>
<script src="__JS__/fans/fansChatMain.js"></script>
{/block} {block name="body"}
<div class="layui-body">
    <div class="chat_contain" id="fanChatList">
        <div class="chat_box">
            <div v-for="item in chatRecord">
                <div :class="{left_chat:item.opercode == '2003',right_chat:item.opercode == '2002'}">
                    <img v-if="item.opercode == '2003'" :src="fansHeadImg" class="fans_headimg" alt="">
                    <img v-else :src="kfHeadImg" class="fans_headimg" alt="">
                    <div class="chat_message">
                        <p class="fans_name" v-if="item.opercode == '2003'">{{nikeName}}</p>
                        <p class="fans_name" v-else>{{item.worker}}</p>
                        <div class="chat_kuan">
                            <p>{{item.text}}</p>
                        </div>
                        <p class="fans_time">{{item.time}}</p>
                        <div class="clearfix"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>

            </div>



            <div class="clearfix"></div>
        </div>
    </div>

</div>
{/block}